k_nelita me ha pedido que explique la forma de añadir un sistema de publicidad creado con esas pequeñas imágenes de 16x16 que conocemos por favicon.

Los favicones están incluidos en una tabla.

<div class="side-favicon ">
<div class="favicon">
<table fcellpadding="0" align="center">
<tbody>
<tr>
<td>
<a href="ur-pagina" title="título">
<img border="0" alt="texto-alternativo" src="url-imagen"/></a>
<td>
<td>
<a href="ur-pagina" title="título">
<img border="0" alt="texto-alternativo" src="url-imagen"/></a>
<td>
<td>
<a href="ur-pagina" title="título">
<img border="0" alt="texto-alternativo" src="url-imagen"/></a>
<td>
<tr>
</tr>
<td>
<a href="ur-pagina" title="título">
<img border="0" alt="texto-alternativo" src="url-imagen"/></a>
<td>
<td>
<a href="ur-pagina" title="título">
<img border="0" alt="texto-alternativo" src="url-imagen"/></a>
<td>
<td>
<a href="ur-pagina" title="título">
<img border="0" alt="texto-alternativo" src="url-imagen"/></a>
<td>
</td></tr>
</tbody>
</table>
</div></div>

La vamos a incluir en un gadget de HTML y las filas de la tabla dependerán de la cantidad de líneas de favicones que deseamos añadir.
En la tabla del ejemplo añadí dos líneas para tres favicones en cada línea, pero podemos aumentar la cantidad de favicones dependiendo del ancho de la sidebar.
El código para cada favicón lo añadimos entre <td> y <td>
Cuando los favicones cubren una línea pasaremos a la línea siguiente, las etiquetas <tr> y </tr> serán las encargadas de producir el salto de línea..

El favicon es un enlace que nos llevará a la url que le indiquemos.

<a href="ur-pagina" title="título">
<img border="0" alt="texto-alternativo" src="url-imagen"/></a>

Le añadimos target="_blank" para que abra en ventana nueva, también le podemos añadir la etiqueta rel="nofollow" para que Google no tenga en cuenta esos enlaces, eso ya dependerá de cada uno.

<a href="ur-pagina" target="_blank" rel="nofollow" title="título">
<img border="0" alt="texto-alternativo" src="url-imagen"/></a>

Guardamos los cambios y añadimos los estilos, nos dirigimos a plantilla Edición de HTML y justo antes de ]]></b:skin> añadimos:

.favicon {
padding:2px;
text-align:center;
}

.favicon a img {
background-color: #fff;
border:1px solid #ccc;
padding:2px 2px;width:16px
}

div.side-favicon {
background:#FFFF;
border:1px dashed #C0C0C0;
margin:0 0 20px;
padding:4px 4px;
}

Con "background" podemos cambiar el color de fondo, el tipo de borde y color en "border"


Carmen Solis

¿Ya no sirve technorati? :(

Responder
Admin

Gracias gemit@!! Con razón no me quedaba bien, me faltaban "cosas" ja ja :D
Hasta los estilos:$
Ya me pongo a trabajar en esto, si es que no me sacan la pc... sinó sigo mañana ;)
Mil gracias :P

Responder
Admin

Listo ya está, me quedó muuuuuuuuy bien, viste que velocidad? ja jaa :D Es que ya lo tenía casi, me faltaban algunas cosillas nomás.
Mil gracias gemit@ sos una diosa ;)

Besotes ♥ ♥ ♥

Responder
Unknown

Hola gem@, te cuento... resulta que tengo al parecer una especie de inutilidad innata, :D he estado viendo de poner unos emoticones a mi blog, como los que tienes tú, los ví en Vagabundia y seguí todos los pasos que, pero resulta que me aparecen los emoticones pero se borra la hoja donde hay que escribir los comentarios... en Vagabundia da dos opciones para colocar en dos lugares diferentes los códigos html pero en ninguno de los casos me anda bien... y me figura el mismo error... será por lo de la plantilla pirateada por mi?? :$

Responder
Unknown

bueno gem@, descubrí cual es el problema, olvídate de lo que te dije de que no puedo colocar los emoticones, en realidad el problema es el servidor externo en donde alojé mi archivo "VEmoticones.js", nu puedo acceder con Google Pages y pude observar que que son varios los que tienen estos problemas. Decidí alojarlos en SkyDrive pero no fué la mejor solución... mi pregunta ahora sería en donde puedo alojar mi archivo, en qué servidor puedo colocarlo. te agradecería muuuucho si me das una mano con esto... un saludo Gem@ ;)

Responder
Gem@

yz Carmen Solis no entiendo tu pregunta :O

yz K_nelita ya sabías como hacerlo, es que te gusta que yo te nombre jajajajaja
Te mando mail por lo que me decías de FolkTango ;)

yz Alexnex, cualquier sitio es bueno (mientras funciona claro) Google Pages está funcionando bien no sé el problema por el que no puedes acceder.
Mira esta entrada pero aviso que no es un sitio con garantías y los archivos una vez subidos no hay forma de localizarlos. El caso que funciona hasta ahora bien pero... hay que ser prudente.
Si es posible aloja tus archivos en más de un sitio ;)

http://gemablog-.blogspot.com/2009/06/xoo-image-donde-estabas-antes.html

http://gemablog-.blogspot.com/2009/03/problemas-soluciones-y-alternaticas-con.html

Responder
¥otta

Hola gem@ Se que este no es el post indicado para preguntarte algo pero es el mas reciente y creo que es al que mas posibilidades tiene de leerse

tengo este blog Rapxl.com
Por alguna razon cuando pongo una entrada no aparece titulo
me puedes decir como le hago para que aparezca el titulo con cada entrada?

aqui esta mi plantilla:
http://www.fileden.com/files/2008/6/17/1964179/template-6396851475304848361%282%29.rar

Gracias por tu ayuda

y exelente blog.

Responder
Gem@

yz ¥otta los comentarios llegan a mi correo independientemente de la entrada donde se añaden, siempre es mejor comentar en la entrada que corresponda porque en los comentarios encontramos solución a las dudas.
Si bien este no es tu caso y tampoco es problema.
He accedido a la página del autor de la plantilla, en los comentarios se cuestionan varias dudas pero ninguna referente a los títulos de los post, los estilos de los títulos están bien eso me hace pensar que el problema es por alguna modificación que hiciste.
Descarga la plantilla de nuevo y prueba a añadirla en un blog de pruebas para ver si es problema es de la plantilla o como te comentaba antes de algún error.

Responder
Unknown

Gem@, lo que ocurre es que no admite Google Pages a nuevos usuarios. Al entrar a la página principal me pide que ingrese mis datos para poder acceder y cuando lo hago me sale un mensaje en inglés diciendo que no se están admitiendo nuevas inscripciones: "Google Page Creator is no longer accepting new sign-ups", es un cartel amarillo que me impide accder, es el mismo problema que le figura a muchos usuarios nuevos de este último año. Tampoco tengo acceso a otras opciones cuando me figura ese aviso.
voy a probar los enlaces que me propones... Desde ya mil gracias! ;)

Responder
Admin

Gem@ es en FolkTango precisamente donde lo hice, no me acuerdo que te decía :o
Ahora sigo con los otros blogs...
Sabía a medias gemit@ me faltaban esas cosillas ja ja como los estilos y algo mas, así y todo hice mis buenos líos ;)
Espero tu mail a ver de que se trata ja jaa
Besos ;)

Responder
Unknown
Este comentario ha sido eliminado por el autor.
Responder
Tony

Hola Gema, la duda que me surge no tiene que ver con esta entrada, pero bueno, ahí va:
¿Como hago para poner una imágen de fondo en el blog, pero sin que afecte al fondo del main o del header? es decir, me gustaria saber cómo has hecho el efecto de tu blog; poner una imágen de parquet de fondo y que el main sea de color blanco.

Responder
Admin

Gem@ perdón por entrometerme, pero lo que dice Alexnex, Google Pages no había dejado de funcionar a fin de año? Y SkyDrive tampoco sirve porque cambian las url cuando quieren, yo tengo mis scripts alojados en Google Sites y Fileden, pero este último no puedes olvidarte de entrar una vez al mes por lo menos porque te borran todo, como me olvido de llevar la cuenta pasé todo a Google Sites.

Responder
Gem@

yz Alexnex siento este lapsus que he tenido, k_nelita me lo hizo ver claro, te referías a Google Pages y yo me confundí y lo escribí así pero te hablaba de Google Sites, digamos que es el sustituto de Google Pages, no hace falta te registres porque accedes con tu misma cuenta de Google. http://sites.google.com/

yz Gracias k_nelita que haría yo sin ti :D
Voy a mandarte el mail :O

yz Tony puedes añadir el fondo con color o imagen en body
body {
background: url('url de la imagen') repeat;
El resto de los estilos...

Responder
Admin

De nada gem@, hasta las genias como vos se equivocan de tanto en tanto ;) Supuse que era eso lo que quiciste decir:D

Responder
Unknown

jaja, equivocarse es prueba de que tienes mucha información en tu cabeza, no te preocupes Gem@, pude solucionarlo, muchas gracias :P

Responder
Gem@

yz Eso es cierto, lo de tener muchas cosas en la cabeza. Me alegra lo resolvieras :)

Responder
Bocha

Gema te hago una consulta... :)

En esta pagina, en la sidebar tienen colocado un elemento que se lo llaman "Frase del Día". Lo especial del mismo, es que cuando actualizas la pagina, la frase cambia. Quisiera tener un elemento igual... que cuando actualice la pag se cambie solo.

Se podrá????

Responder
Gem@

yz ¿En qué página Bocha?

Responder
Admin

Te ayudo Gem@, se trata de unos gadget de Google, yo antes tenía, tiene que ir Bocha a añadir un elemento de página y allí en gadget tiene muchas cosas para elegir, le dan el código lo copia donde quiere ponerlo y ya está ;)
Sinó hay otros sitios donde encontrarlo pero no me acuerdo, pero ahí están todos los gadget de Google, es mas fácil :D
Besos ;)

Responder
Bocha

Uuyy me olvide la pagina... jejeje.

En esta: www.valechumbar.com

Responder
Gem@

yz Pues a mi me da la sensación que ese gadget está creado a mano :O
De todas formas puedes mirar lo que comenta k_nelita, son gadgets que se añaden desde elementos de página.

Responder
Admin

Es cierto gem@ hace un tiempo conocí un script que hacía eso de mostrar frases o citas que vos mismo ponías, lo tenía alguien en Miarroba, en Blogger no se como se hace... y en Miarroba no me acuerdo, pero es bastante complicado, lo que mencioné antes es mas sencillo :)
Besos ;)

Si Bocha tiene interés en hacerlo le paso la página del que lo hacía en Miarroba, supongo que se debe poder poner en Blogger...

Responder
Bocha

Gema y k_nelita Gracias, me fijo que hago...

Saludos.

Responder
Unknown

gema, mira cómo me ha quedado en http://paraninosconcabeza.blogspot.com y en http://dinerodesdetuordenador.blogspot.com. no sé si hay alguna forma de rellenar la fila o si a medida que añada favicones (es un suponer), se va rellenando sola. zenkiu

Responder
Gem@

:: Pues la verdad no lo veo :(
Lo que si veo es que los vídeos de las entradas son muy grandes y ocupan espacio de la sidebar, quizás por eso no veo los favicones.
Prueba a mirar el blog con Firefox.

Responder
Unknown

no, en firefox yo los veo perfceto! el asunto es que me quedan tres cuadratines en la primera fila y tres en la segunda

Responder
Admin

Yo si los veo gem@, están en la sidebar debajo de donde dice suscribirse por FeedBurner, lo que dice Ik es que salen solo 6 cuadraditos y quería que fueran mas, tiene que agregar mas de lo mismo y así rellena todo el espacio, eso creo :o
No se si son videos eso que tiene gigante que se superpone a la sidebar, pero están mas abajo los favicones y se ven en los dos blogs.
Besitos ;)

Responder
Unknown

gracias K-nelita! en mis navegadores los videos no se superponen. los puse del ancho de la sidebar 702 px. pero sí, a lo que me refiero es exactamente a eso.

Responder
Gem@

:: Los vídeos tienen 702x344 y tu main 468 es decir que el vídeo es casi el doble que el espacio de las entradas por eso oculta la sidebar.
Sobre los favicones k_nelita lleva razón prueba añadiendo más cantidad.

Responder
Unknown

you are right gem@!!! no sé qué me pasó x la cabeza que puse de ancho 702!!!

Responder

Los comentarios han sido inhabilitados temporalmente. ¡GRACIAS!

:):'(:(:P:D:$;):-I:X:O|O:S

Nota: solo los miembros de este blog pueden publicar comentarios.

 


top